<template>
  <div>
    <!-- 容器 -->
    <div :class="[`wx-picture__${position}`,`wx-${position}`]" >
      <img :src="icon" :class="[`wx-picture__${position}-logo`]" class="wx-logo" alt="" />
      <img v-gallery class="wx-picture" :src="content" alt="" />
    </div>
  </div>
</template>

<script>
import PropsMixin from '../mixins'
export default {
  mixins: [PropsMixin],
}
</script>

<style lang="scss" scoped>
.wx-picture {
  width: 180px;
  border-radius: 4px;
  font-size: 0;
}

.wx-picture__right-logo {
  margin-left: 12px;
}
.wx-picture__left-logo {
  margin-right: 12px;
}
</style>
